@charset "utf-8";
*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration:none;
}
$w:100%;
.clearfix:after{
  display: block;
  clear:both;
  content:"";
}
html,body{
    width:100%;
    height:100%;
    list-style: none;
    font-size:12px;
    font-family: "微软雅黑";
}
.wrapper{
    width:$w;
    background-color:#48b6b7;
  .img-top{
    width:$w;
    img{
      width:$w;
    }
}
  .content{
    margin:2.5rem 2rem 3rem 2rem;
    div{
      font-size:3rem;
      font-weight: bolder;
      color: #fff;
    }
    p{
      font-size:1.5rem;
      margin-top:2rem;
      color: #fff;
      .content-sp{
        color: #c9f1d5;
        padding-right:1.2rem;
      }
    }
    .content-top{
      padding-top:0rem;
    }
  }
  .dashed{
    margin:4rem 2rem;
    img{
      width:$w;
    }
  }
  .content-p{
    margin: 0rem 2rem 1.5rem 2rem;
    font-size:1.6rem;
    font-weight: bolder;
    color: #fff;
  }
  .article{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
    border:1px solid #fff;
    margin:1.5rem 2rem;
    .article-title{
      font-size:1.6rem;
      color: #333;
      font-weight: bolder;
      margin:1.5rem 1rem 0rem 1rem;
    }
    .article-con{
      margin-left: 1rem;
      margin-right: 1rem;
      padding-bottom: 1.25rem;
      border-bottom:1px solid #eee;
      p{
        margin-top:1.25rem;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border:1px solid #bbbbbb;
        float: left;
        text-align: center;
        color: #bbbbbb;
        font-size:1.1rem;
        margin-right:0.5rem;
        padding:0.25rem 0.65rem;
      }
    }
    .article-bottom{
      margin:1.11rem 1rem;
      p{
        font-size:1.3rem;
        float: left;
        color: #bbb;
      }
      .article-p1{
        margin-right:2.6rem;
      }
    }
  }
  .footer-img{
    padding:4rem 2rem 5rem 2rem;
    img{
      width:$w;
    }
  }
  .code{
    margin:0rem 12rem 1.9rem 12rem;
    display: none;
    img{
      width:$w;
      height:$w;
    }
  }
  .copy{
    padding:0rem 2rem 4rem 2rem;
    display: none;
    img{
      width:$w;
    }
  }
}

